<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="card3.css">
</head>
<body>
    <div class="wrapper">
        <div class="card">
          <div class="bio">
          <img src="https://img.freepik.com/free-psd/3d-render-avatar-character_23-2150611731.jpg?t=st=1726578125~exp=1726581725~hmac=93aa3d5a7932a1ced1a865efcd3555fe6118717de289c11d285446148665127d&w=826" alt="avatar">
          <div class="details">
            <h1>Cedrick Dev</h1>
            <h2>I code stuff!</h2>
          </div>
        </div>
          <div class="box">
         <form> 
           <textarea placeholder="Send your message"></textarea>
          </form>
          <div class="nav">
            <ul>
              <li><a href="#"><i class="fa-brands fa-facebook"></i></a></li>
              <li><a href="#"><i class="fa-brands fa-facebook-messenger"></i></a></li>
              <li><a href="#"><i class="fa-brands fa-square-youtube"></i></a></li>
              <li><a href="#"><i class="fa-brands fa-square-instagram"></i></a></li>
            </ul>
            <button type="submit" class="btn-cta">Submit</button>
          </div>
        </div>
        </div>
      </div>
</body>
</html>